<!DOCTYPE html>
<html lang="zh-cn">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>易植园艺</title>
    <!-- Bootstrap -->
    <link rel="stylesheet" href="assets/lib/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" href="assets/lib/idangerous.swiper.css"/>
    <link rel="stylesheet" href="assets/css/common.css" />
    <link rel="stylesheet" type="text/css" href="assets/css/min-screen.css"/>
	<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script type="text/javascript" src="assets/lib/jquery.min.js" ></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script type="text/javascript" src="assets/lib/bootstrap.min.js" ></script>
    <script src="assets/lib/idangerous.swiper.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="assets/js/common.js" type="text/javascript" charset="utf-8"></script>

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <style type="text/css">

    </style>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=1.3"></script>
  </head>
  <body onload="loand()">
  	<!--导航部分-->
    <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
    	<div class="container">
    		<div class="navbar-header">
    			<button class="navbar-toggle btns" data-toggle="collapse" data-target="#nav" type="button">
    					<span class="sr-only">切换导航</span>
    					<span class="icon-bar"></span>
    					<span class="icon-bar"></span>
    					<span class="icon-bar"></span>
    			</button>
    			<a href="javascript:void(0);" class="need navbar-toggle head_need need_btn">需求提交</a>
    			<div class="navbar-brand nav_logo">
    				<a href="index.html"><img src="assets/images/logo.png"/></a>
    			</div>
    		</div>
    		<div class="collapse navbar-collapse nav_box" id="nav">
    				<ul class="nav navbar-nav">
    					<li class="on"><a href="index.html">首页</a></li>
    					<li><a href="javascript:void(0);" class="visible-xs">主营业务<span class="icon visible-xs-inline-block">∨</span></a>
    						  <a href="product.html" class="hidden-xs">主营业务</a>
    						<dl>
    							<dd><a href="product.html">植物租赁</a></dd>
    							<dd><a href="product.html">植物租赁</a></dd>
    							<dd><a href="product.html">植物租赁</a></dd>
    							<dd><a href="product.html">植物租赁</a></dd>
    						</dl>
    					</li>
    					<li><a href="javascript:void(0);" class="visible-xs">产品展示<span class="icon visible-xs-inline-block">∨</span></a>
    						  <a href="product.html" class="hidden-xs">产品展示</a>
    						<dl>
    							<dd><a href="product.html">sads</a></dd>
    							<dd><a href="product.html">sdsd</a></dd>
    							<dd><a href="product.html">sdsd</a></dd>
    							<dd><a href="product.html">sdsd</a></dd>
    						</dl>
    					</li>
    					<li><a href="product.html">成功案例</a></li>
    					<li><a href="news.html">新闻中心</a></li>
    					<li class="hidden-sm"><a href="#">公司简介</a></li>
    					<li class="hidden-sm"><a href="#">联系我们</a></li>
    				</ul>
    				<a href="javascript:void(0);" class="need hidden-xs need_btn">需求提交</a>
    		</div>

    	</div>
    </nav>
    <!--导航部分-->

    <!--轮播图-->
	<div class="swiper-container banner">
	    <div class="swiper-wrapper">
	        <div class="swiper-slide"><a href="#"><img src="assets/images/banner.jpg"/></a></div>
	        <div class="swiper-slide"><a href="#"><img src="assets/images/banner.jpg"/></a></div>
	        <div class="swiper-slide"><a href="#"><img src="assets/images/banner.jpg"/></a></div>
	        <div class="swiper-slide"><a href="#"><img src="assets/images/banner.jpg"/></a></div>
	    </div>
	    <!-- 如果需要分页器 -->
	    <div class="swiper-pagination"></div>

	    <!-- 如果需要导航按钮 -->
	    <div class="banner-prev hidden-xs"></div>
	    <div class="banner-next hidden-xs"></div>
	</div>
    <!--轮播图-->
    <div class="container">
    	<div class="row">


    	<!--联系我们-->
    	<div class="pro_box">

    		<div class="detail_txt" style="border: none;">
    			<div class="name">
    				联系我们
    			</div>
    			<div class="contact_txt">
	    			<p>成都易植园艺有限公司</p>
		    		<p>地址：高新区瞻远西一街（高新区天府大道中段）</p>
		    		<p>电话：028-58697845</p>
		    		<p>邮箱：yixioaopmo@qq.com</p>
    			</div>
    			<div class="contact_map">
        	<div id="container">
    </div>
           <input id="lng" type="hidden" runat="server" />
    <input id="lat" type="hidden" runat="server" />
    <script type="text/javascript">

        function getbiaoji() {
            var lng = document.getElementByIdx_x("lng").value;
            var lat = document.getElementByIdx_x("lat").value;

            var map = new BMap.Map("container");
            var point = new BMap.Point(lng, lat);
            var marker = new BMap.Marker(point);
            var opts = {
                width: 250,     // 信息窗口宽度
                height: 100,     // 信息窗口高度
                title: "<B>鑫网科技</b>"  // 信息窗口标题
            }
            var infoWindow = new BMap.InfoWindow("地址：海口市龙华路13-1号华典大厦9楼、10楼" + lng + lat, opts);  // 创建信息窗口对象


            marker.enableDragging(); //启用拖拽
            map.addControl(new BMap.NavigationControl()); //左上角控件
            map.enableScrollWheelZoom(); //滚动放大
            map.enableKeyboard(); //键盘放大

            map.centerAndZoom(point, 17); //绘制地图
            map.addOverlay(marker); //标记地图

            map.openInfoWindow(infoWindow, map.getCenter());
        }

        function loand() {
            var map = new BMap.Map("container");
            var point = new BMap.Point(104.075249,30.540922); //默认中心点
            var marker = new BMap.Marker(point);
            var opts = {
                width: 250,     // 信息窗口宽度
                height: 100,     // 信息窗口高度
                title: "<B>易植园艺</B>"  // 信息窗口标题
            }
            var infoWindow = new BMap.InfoWindow("地址：成都市天府三街美年广场", opts);  // 创建信息窗口对象


            marker.enableDragging(); //启用拖拽
            marker.addEventListener("dragend", function (e) {
                point = new BMap.Point(e.point.lng, e.point.lat); //标记坐标（拖拽以后的坐标）
                marker = new BMap.Marker(point);

                document.getElementByIdx_x("lng").value = e.point.lng;
                document.getElementByIdx_x("lat").value = e.point.lat;
                infoWindow = new BMap.InfoWindow("当前位置<br />经度：" + e.point.lng + "<br />纬度：" + e.point.lat, opts);

                map.openInfoWindow(infoWindow, point);
            })

            map.addControl(new BMap.NavigationControl()); //左上角控件
            map.enableScrollWheelZoom(); //滚动放大
            map.enableKeyboard(); //键盘放大

            map.centerAndZoom(point, 17); //绘制地图
            map.addOverlay(marker); //标记地图

            map.openInfoWindow(infoWindow, map.getCenter());      // 打开信息窗口
        }

    </script>
        </div>
    		</div>
    	</div>
    	<!--联系我们-->


    	</div>
    </div>

    <!--底部-->
    <div class="all_foot">
    	<div class="container">
    		<div class="left_foot">
	    		<p>成都易植园艺有限公司</p>
	    		<p>地址：高新区瞻远西一街（高新区天府大道中段）</p>
	    		<p>电话：028-58697845</p>
	    		<p>邮箱：yixioaopmo@qq.com</p>
	    	</div>
	    	<div class="right_foot">
	    		<span class="name">友情链接</span>
	    		<a href="#">成都婚纱摄影</a><a href="#">成都婚纱摄影</a><a href="#">成都婚纱摄影</a><a href="#">成都婚纱摄影</a><a href="#">成都婚纱摄影</a><a href="#">成都婚纱摄影</a><a href="#">成都婚纱摄影</a><a href="#">成都婚纱摄影</a><a href="#">成都婚纱摄影</a>
	    	</div>
    	</div>
    	<div class="foot_company hidden-xs">
    		<p>川ICP备13007738号 川公网安备11010502023922 www.yizhi.com ；成都易植园艺有限公司  © 2003-2016 YLZHI.COM 版权所有</p>
    	</div>
    </div>
    <!--底部-->

    <!--悬浮-->
    <div class="suspend hidden-xs">
    	<ul>
    		<li class="need_btn"><span>需求<br />提交</span></li>
    		<li class="wechat"><img src="assets/images/1_07.png"/>
    		<div class="wechat_box">
    			<img src="assets/images/1_09.png"/>
    			<span>官方微信</span>
    		</div>
    		</li>
    		<li id="go_top"><img src="assets/images/1_08.png"/></li>
    	</ul>
    </div>
    <!--悬浮-->

    <!--需求弹框-->
    <div class="need_box">
    	<div class="need_bg"></div>
    	<div class="box hidden-xs">
    		<div class="head">
    			<span>免费预约</span>
    			<img src="assets/images/1_10.png" class="close"/>
    		</div>
    		<div class="content">
    			<ul>
    				<li>
    					<span class="name">业务：</span>
    					<label class="check_box">
    						<input type="checkbox" />
    						植物租赁
    					</label>
    					<label class="check_box">
    						<input type="checkbox" />
    						植物租赁
    					</label>
    					<label class="check_box">
    						<input type="checkbox" />
    						植物租赁
    					</label>
    				</li>
    				<li>
    					<span class="name">面积：</span>
    					<label class="check_box">
    						<input type="checkbox" />
    						100㎡以上
    					</label>
    					<label class="check_box">
    						<input type="checkbox" />
    						100㎡-1000㎡
    					</label>
    					<label class="check_box">
    						<input type="checkbox" />
    						1000㎡以上
    					</label>
    				</li>
    				<li>
    					<span class="name">姓名：</span><input type="text"class="text"/>
    					<span class="name">电话：</span><input type="text"class="text"/>
    				</li>
    				<li>
    					<span class="name">公司：</span><input type="text"class="text"/>
    					<span class="name">地址：</span><input type="text"class="text"/>
    				</li>
    				<div class="submit_box">
    					<input type="submit"  value="申请提交"  class="submit"/>
    				</div>
    			</ul>
    		</div>
    	</div>

    	<div class="box_768 visible-xs">
    		<div class="head">
    			<span>免费预约</span>
    			<img src="assets/images/1_10.png" class="close"/>
    		</div>
    		<div class="content">
    			<ul>
    				<li>
    					<span class="name">业务：</span>
    					<select class="select">
    						<option>植物租赁</option>
    						<option>植物租赁</option>
    						<option>植物租赁</option>
    					</select>
    				</li>
    				<li>
    					<span class="name">面积：</span>
    					<select class="select">
    						<option>100㎡以上</option>
    						<option>100㎡-1000㎡</option>
    						<option>1000㎡以上</option>
    					</select>
    				</li>
    				<li>
    					<span class="name">姓名：</span><input type="text"class="text"/>
    				</li>
    				<li>
    					<span class="name">电话：</span><input type="text"class="text"/>
    				</li>
    				<li>
    					<span class="name">公司：</span><input type="text"class="text"/>
    				</li>
    				<li>
    					<span class="name">地址：</span><input type="text"class="text"/>
    				</li>
    				<div class="submit_box">
    					<input type="submit"  value="申请提交"  class="submit"/>
    				</div>
    			</ul>
    		</div>
    	</div>
    </div>
    <!--需求弹框-->

    <!--768以下底部-->
    <div class="foot_768 visible-xs">
    	<ul>
    		<li><a href="tel:123456"><img src="assets/images/1_13.png"/>手机</a></li>
    		<li class="need_btn"><img src="assets/images/1_14.png"/>需求提交</li>
    		<li id="go_top2"><img src="assets/images/1_15.png"/>顶部</li>
    	</ul>
    </div>
    <!--768以下底部-->

    <script type="text/javascript" src="assets/js/check.js" ></script>
    <script>
    	$(document).ready(function () {
    		$(".check_box").CheckBox();
    		var galleryTop = new Swiper('.gallery-top', {
		       loop: true,
			    autoplay:3000,
			    grabCursor: true,
			    paginationClickable: true,
			    calculateHeight : true,
			    // 如果需要分页器
			    pagination: '.swiper-pagination2',
			    paginationClickable :true,
		    });
    	})

    </script>
  </body>
</html>
